@charset "utf-8";
/* CSS Document */

/**common**/
*{ margin:0; padding:0;}
html, body { min-width:1360px;}
body, div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1 Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}

.fl { float:left;}
.fr { float:right;}
@font-face { font-family: "Helvetica"; src: url('../fonts/Helvetica.ttf'); }
@font-face { font-family: "HelveticaBold"; src: url("../fonts/HelveticaBold.ttf");}
@font-face { font-family: "PangMen"; src: url("../fonts/PangMen.ttf");}
@font-face { font-family: "YouSheBiaoTiHei"; src: url("../fonts/YouSheBiaoTiHei.ttf");}
@font-face { font-family: "DINMITTELSCHRIFTSTD"; src: url("../fonts/DINMITTELSCHRIFTSTD.OTF");}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:0;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}
::-webkit-scrollbar-thumb { background-color:#004580;} /* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#004580;} /* 滚动条滑块点击状态 */


/*头部 开始*/
.lyTop { width:100%; height:100px; margin:0; padding:0; background-color:#222; position:relative; z-index:9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyTop .lyTop_Main { width:1300px; height:auto; margin:0 auto; padding:0; position:relative;}
.lyTop_Main .lyLogo { width:240px; height:80px; overflow:hidden; margin:10px 0; padding:0; float:left;}
.lyLogo a { display: table-cell; vertical-align: middle; width:100%; height:80px; overflow:hidden; margin:0; padding:0;}
.lyLogo a img { display:inline-block; max-width:100%; height:auto; max-height:100%; margin:0; padding:0;}

.lyTop .lyTopSearch { width:260px; height:40px; margin:30px 0; padding:0; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyTopSearch form .sc_ipt { width:200px; height:40px; overflow:hidden; margin:0; padding:0; float:left;}
.lyTopSearch form .sc_ipt input { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:15px; margin:0; padding:0 15px; background-color:#fff; border:0; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyTopSearch form .sc_btn { width:60px; height:40px; overflow:hidden; margin:0; padding:0; float:right;}
.lyTopSearch form .sc_btn input { display:block; width:100%; height:40px; overflow:hidden; margin:0; padding:0; background:#004580 url(../images/SSbtn_icon2.png) center center no-repeat; background-size:36px 36px; border:0; outline:none; cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyTopSearch:hover form .sc_btn input {}

/*导航栏 开始*/
.ly_nav { width:auto; height:auto; margin:0 40px 0 0; padding:0; float:right;}
.ly_nav li, .ly_nav a {	text-decoration: none; list-style: none;}
.ly_nav ::-webkit-scrollbar { display: none;}
.ly_nav .nav_list { width:100%; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li { display:inline-block; width:auto; position: relative; list-style:none; padding:0; float:left; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li:last-child { background:none;}
.ly_nav .nav_list > ul > li:hover {}
.ly_nav .nav_list > ul > li > a { display: inline-block; width:100%; line-height:25px; color: #fff; font-size:16px; text-align:center; padding:25px; margin:0; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li > a span { display:block; width:100%; height:25px; line-height:25px; color: #fff; font-size: 12px; text-align:center;}
.ly_nav .nav_list > ul > li:hover > a, .ly_nav .nav_list > ul > li.active > a { background-color: #004580;}
.ly_nav .nav_list > ul > li > em { display:block; width:0px; height:2px; overflow:hidden; background-color:#004580; margin:0; padding:0; position:absolute; bottom:0px; left:50%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.ly_nav .nav_list > ul > li:hover > em, .ly_nav .nav_list > ul > li.active > em { width:30px; margin:0 0 0 -15px;}
.ly_nav .nav_list > ul > li:nth-child(1):hover > em, .ly_nav .nav_list > ul > li:nth-child(1).active > em { width:40px; margin:0 0 0 -20px;}
.ly_nav .nav_list > ul > li i { display:inline-block; width:20px; height:20px; background:url(../images/down.png) center center no-repeat; background-size:10px 10px; vertical-align:middle; cursor:pointer; margin:0; display:none;}
.ly_nav .nav_list > ul > li i.cur{ background:url(../images/up.png) center center no-repeat; background-size:10px 10px; text-decoration:none;}
.ly_nav .nav_list > ul > li ul { display:none; position:absolute; left:-17%; top:80px; z-index:9; width:134%; overflow:hidden; background-color:#fff; border-top:2px solid #004580; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); border-radius:0 0 2px 2px;}
.ly_nav .nav_list > ul > li:hover ul { display:block;}
.ly_nav .nav_list > ul > li ul li { width:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:1px solid rgba(85, 87, 89, 0.1);}
.ly_nav .nav_list > ul > li ul li:last-child { border:0;}
.ly_nav .nav_list > ul > li ul li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#555; font-size:14px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li ul li a:hover { color:#004580;}
.ly_nav .nav_menu { display: none;}

/*导航栏 结束*/
/*头部 结束*/

/*ly_Links 开始*/
.ly_Links { width:100%; height:auto; margin:0 auto; padding:0 60px 0 0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_Links .lyLinks_Main { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 0 0 100px; background:url(../images/lkBg.png) 0 0 repeat; position:relative; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyLinks_Main .lyLinks_title { width:100px; height:44px; overflow:hidden; margin:-40px 0 0; padding:18px 0; background-color:#004580; position: absolute; left:0; top:50%;}
.lyLinks_title span { display:block; width:100%; height:24px; overflow:hidden; line-height:24px; color:#fff; font-size:20px; text-align:center; margin:0 auto; padding:0; opacity:0.85;}
.lyLinks_title p { width:100%; height:20px; overflow:hidden; line-height:20px; color:#fff; font-size:14px; text-align:center; margin:0 auto; padding:0; opacity:0.85;}

.lyLinks_Main .lyLinks_list { width:100%; min-height:80px; overflow:hidden; margin:0; padding:8px 0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyLinks_list p { width:100%; height:auto; overflow:hidden; line-height:32px; color:rgba(255,255,255,0.45); font-size:14px; margin:0; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyLinks_list p a { display:inline-block; height:32px; line-height:32px; color:rgba(255,255,255,0.45); font-size:14px; margin:0 20px 0 0; padding:0;}
.lyLinks_list p a:hover { color:#fff;}
/*ly_Links 结束*/

/*ly_Foot 开始*/
.ly_Foot { width:100%; height:auto; margin:0 auto; padding:0; background-color:#222; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_Foot1 { padding:45px 0 0;}
.ly_Foot .lyFoot_Main { width:1300px; overflow:hidden; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.lyFoot_Main .lyFootLeft { width:69%; height:auto; overflow:hidden; margin:0; padding:40px 0 0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFootLeft dl dd { width:25%; overflow:hidden; margin:0; padding:0 60px 0 0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFootLeft dl dd p { width:100%; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:18px; margin:0 auto 10px; padding:0;}
.lyFootLeft dl dd p i { display:block; width:3px; height:18px; margin:6px 10px 6px 0; padding:0; background-color:#004580; float:left;}
.lyFootLeft dl dd a { display:block; width:100%; height:34px; overflow:hidden; line-height:34px; color:rgba(255,255,255,0.45); font-size:14px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 0 0 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFootLeft dl dd a:hover { color:#fff;}
.lyFootLeft .lyFootLine { width:100%; height:1px; overflow:hidden; margin:24px auto 32px; padding:0; background-color:rgba(255,255,255,0.25);}

.lyFoot_Main .lyFootRight { width:31%; height:auto; margin:0; padding:40px 0 40px 60px; border-left:1px solid rgba(255,255,255,0.25); float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFootRight .lyFootLogo { width:100%; height:60px; overflow:hidden; margin:0 0 20px; padding:0;}
.lyFootLogo a { display: table-cell; vertical-align: middle; width:100%; height:60px; overflow:hidden; margin:0; padding:0;}
.lyFootLogo a img { display:inline-block; max-width:100%; height:auto; max-height:100%; margin:0; padding:0;}

.lyFootRight .lyFootEwm { width:130px; height:auto; margin:20px 0 0; padding:10px; background-color:rgba(255,255,255,0.1);}
.lyFootEwm img { display:block; width:105px; height:105px; margin:0 10px 0 0; padding:0; float:left;}
.lyFootEwm p { width:auto; height:105px; overflow:hidden; color:rgba(255,255,255,1); font-size:14px; text-align:center; writing-mode: vertical-rl; letter-spacing:2px;float: left;}
.lyFootRight .lyFootLxfs { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.lyFootLxfs p { width:100%; height:auto; min-height:30px; max-height:60px; overflow:hidden; line-height:30px; color:rgba(255,255,255,0.45); font-size:14px; margin:0 auto; padding:0 0 0 25px; position:relative; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFootLxfs p img { display:block; width:20px; height:20px; overflow:hidden; margin:0; padding:0; position:absolute; left:0; top:4px;}
.lyFootLxfs span { display:block; width:100%; height:auto; overflow:hidden; line-height:30px; color:#fff; font-family: "DINMITTELSCHRIFTSTD"; font-size:20px; white-space:nowrap; text-overflow: ellipsis; letter-spacing:0; margin:0 auto 5px; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFootLxfs font { display:block; width:100%; height:auto; overflow:hidden; line-height:30px; color:#fff; font-size:16px; letter-spacing:0px; margin:0 auto 5px; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.lyFoot_Main .lyFoot_Copy { width:100%; overflow:hidden; margin:20px auto; padding:0 60px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_Copy p { width:100%; height:auto; overflow:hidden; line-height:30px; color:rgba(255,255,255,0.2); font-size:14px; margin:0; padding:0;}
.lyFoot_Copy p img { display:inline-block; width:20px; height:20px; overflow:hidden; vertical-align:middle; margin:-4px 5px 0 0; padding:0;}
.lyFoot_Copy p a { line-height:30px; color:rgba(255,255,255,0.3); font-size:14px;}
.lyFoot_Copy p a:hover { color:#fff;}
/*ly_Foot 结束*/

/*右侧客服 开始*/
.kfView { width: 140px; position: fixed; top:40%; right: 0; z-index: 99; box-shadow:0 7px 15px rgba(0,0,0,0.1); border-radius: 12px 0 0 12px; margin:-212px 0 0; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.kfView .kfTop { width:100%; overflow:hidden; margin:0 auto; padding: 15px 5px 11px; background-color: #0075d9; border-radius:12px 0 0 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .kfTop i { display: block; width: 48px; height: 48px; margin: 0 auto; padding:0; background: url('../images/kfTel.png') center center no-repeat;}
.kfView .kfTop span { display: block; width:100%; overflow:hidden; line-height:20px; color: #fff; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size: 14px; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:4px auto 2px; padding:0;}
.kfView .kfTop p { width:100%; overflow:hidden; line-height:20px; color: #fff; font-family:"Arial"; font-size: 18px; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0;}
.kfView .kfMain{ width: 100%; overflow:hidden; margin:0 auto; background-color: #fff; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .kfMain ul { padding:0 10px;}
.kfView .kfMain ul li { margin:0 auto 15px;}
.kfView .kfMain ul a { display: block; width: 100%; height:36px; overflow:hidden; line-height:26px; color:#fff; font-size:14px; margin:0 auto; padding:5px; background-color:#0075d9; border-radius:18px; cursor:pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .kfMain ul a img { display:block; width:26px; height:26x; margin:0 5px 0 0; padding:0; float:left;}
.kfView .kfMain ul a em{ width: 12px;height: 12px;display: inline-block;vertical-align: middle; background: url('../images/kepu2.png') no-repeat center top;}
.kfView .kfMain .kfEwm { width:140px; height:auto; margin:0 auto; padding:10px; border-top:1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .kfMain .kfEwm img { display:block; width:110px; height:110px; overflow:hidden; margin:0 auto; padding:0;}
.kfView .kfMain .kfEwm p { width:100%; height:20px; overflow:hidden; line-height:20px; color:#333; font-size:14px; text-align:center; margin:0 auto; padding:0;}
.kfView .toTop { width:100%; height:36px; overflow:hidden; line-height:36px; color: #fff; font-size: 14px; text-align: center; padding: 0 10px; background-color: #303030; border-radius:0 0 0 12px; cursor: pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .toTop img { display:inline-block; width:14px; height:14px; vertical-align:middle; margin:-2px 6px 0 0; padding:0;}
.kfBtn { width: 30px; height: 120px; overflow:hidden; text-align: center; margin:-60px 0 0; position: absolute; left: -30px; top: 50%; z-index: 1; cursor: pointer; background-color:#0075d9; border-radius:12px 0 0 12px;}
.kfBtn p { position: absolute; top: 16px; left: 8px; line-height: 18px; color: #fff; font-size:14px;}
.kfBtn p img { display:inline-block; margin:6px 0 0;}
/*右侧客服 结束*/


